<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>课程详情页面</title>
    <meta name="keywords" content="嵌入式，开发技术，C语言，编程，-IT易学网面授培训课程"/>
    <meta name="description" content=""/>
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1"/><![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <script type="text/javascript" th:src="@{/js/js/jquery.min.js}" src="js/js/jquery.min.js"
            tppabs="http://www.yxit.net/js/js/jquery.min.js"></script>
    <script type="text/javascript" th:src="@{/js/cookies.js}" src="js/cookies.js"
            tppabs="http://www.yxit.net/js/cookies.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "../../hm.baidu.com/hm.js-30981990609a2e4838988cb9a11d8faa"/*tpa=https://hm.baidu.com/hm.js?30981990609a2e4838988cb9a11d8faa*/;
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!--百度统计代码-->

    <!-- 右侧贴边导航购物车显示由quick_links.js控制 -->
    <!--[if lte IE 8]>
    <script type="text/javascript" src="js/ieBetter.js" tppabs="http://www.yxit.net/course/js/ieBetter.js"></script>
    <![endif]-->
    <script type="text/javascript" th:src="@{/js/parabola.js}" src="js/parabola.js"
            tppabs="http://www.yxit.net/js/parabola.js"></script>

    <link rel="stylesheet" type="text/css" th:href="@{/css/base1.css}" href="css/base1.css"
          tppabs="http://www.yxit.net/css/base1.css"/>
    <script type="text/javascript" th:src="@{/js/common.js}" src="js/common.js"
            tppabs="http://www.yxit.net/js/common.js"></script>
    <script type="text/javascript" th:src="@{/js/quick_links.js}" src="js/quick_links.js"
            tppabs="http://www.yxit.net/js/quick_links.js"></script>
    <script type="text/javascript" th:src="@{/js/validateUtil.js}" src="js/validateUtil.js"
            tppabs="http://www.yxit.net/js/validateUtil.js"></script>
    <!--/ 右侧导航栏 -->
    <script type="text/javascript" th:src="@{/js/msgbox.js}" src="js/msgbox.js"
            tppabs="http://www.yxit.net/js/msgbox.js"></script>
    <link rel="icon" href="/images/yx-icon.png"/>
    <link th:href="@{/css/base.css}" href="css/base.css" tppabs="http://www.yxit.net/css/base.css" rel="stylesheet"
          type="text/css"/>
    <link th:href="@{/css/shou.css}" href="css/shou.css" tppabs="http://www.yxit.net/css/shou.css" rel="stylesheet"
          type="text/css"/>
    <link th:href="@{/css/index.css}" href="css/index.css" tppabs="http://www.yxit.net/css/index.css" rel="stylesheet"
          type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/msgbox.css}" href="css/msgbox.css"
          tppabs="http://www.yxit.net/css/msgbox.css"/>
    <style>
        #details {
            float: left;
            margin: 30px;
        }

        .hidde {
            disable: none
        }

        .disable {
            background-color: #dddddd
        }

        dl.kc .more {
            margin-top: 140px;
        }

        .quick_links_wrap {
            width: 40px;
        }

        .mui-mbar-tabs {
            width: 40px;
        }

        .bd img {
            display: block;
        }

        .text {
            width: 290px;
            padding-left: 10px;
            outline: none;
            padding-top: 5px;
            height: 35px;
            line-height: 35px;
            border: 1px solid #CCC;
            margin-bottom: 15px;
            font-size: 14px;
        }

        #new_account {
            float: right;
            margin-right: 30px;
            color: #01a29a;
        }

        #new_account:hover {
            color: #f00;
        }

        .tipPlace {
            position: absolute;
            color: #888;
            display: none;
        }

        #login_btn {
            background: #01a29a;
            border: none;
            width: 302px;
            color: #fff;
            font-size: 20px;
            height: 43px;
            margin-top: 10px;
            cursor: pointer;
        }
       .videolist:hover{
           border-color: #0ba29a;
       }
    </style>
    <script type="text/javascript" th:src="@{/js/main.js}" src="js/main.js"
            tppabs="http://www.yxit.net/js/main.js"></script>
    <script th:src="@{/jjs/md5.js}" src="js/md5.js" tppabs="http://www.yxit.net/js/md5.js"
            type="text/javascript"></script>
    <script th:src="@{/js/base64.js}" src="js/base64.js" tppabs="http://www.yxit.net/js/base64.js"
            type="text/javascript"></script>
    <script>

        $(function () {
            $("#login_btn").click(function () {
                var username = $("#uname").val();
                var pass = $("#password").val();
                pass = MD5(pass);
                var p = encode64(username + pass);
                $.post("/login", {_p: p, ajax: 1}, function (data) {
                    if (data.result == 0) {
                        $('#cd-popup5').fadeOut(300);
                        $('#cd-popup5 .cd-popup-container').fadeOut(300);
                        clickautohide("登录成功", 2);
                        if (typeof (eventJudge) == "function") {
                            eventJudge(data);
                        } else {
                            location.reload();
                        }
                    } else {
                        clickautohide("帐号名或密码错误", 3);
                    }
                }, "json");
            });
            var winodwHeight = $(window).height();
            if (winodwHeight > $("body").height()) {
                $("body").css("min-height", winodwHeight + "px");
                $(".footer").css("top", $("body").height() - $(".footer").height() + "px");
            }
            document.onkeydown = function (e) {
                if (!e) {
                    e = window.event;/*火狐中是 window.event*/
                }
                if (((e.keyCode || e.which) == 13) && $("#cd-popup5").css("display") == "block") {
                    $("#login_btn").click();
                    /*监听回车提交*/
                }
            };
        });


    </script>
    <script type="text/javascript" th:src="@{/js/js/jquery.qqFace.js}" src="js/js/jquery.qqFace.js"
            tppabs="http://www.yxit.net/js/js/jquery.qqFace.js"></script>
    <link th:href="@{/css/list_info.css}" href="css/list_info.css" tppabs="http://www.yxit.net/css/list_info.css"
          rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/drop-down.css}" href="css/drop-down.css"
          tppabs="http://www.yxit.net/css/drop-down.css"/>
    <link rel="stylesheet" th:href="@{/css/sub2.css}" href="css/sub2.css" tppabs="http://www.yxit.net/css/sub2.css"
          type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/jquery.spinner.css}" href="css/jquery.spinner.css"
          tppabs="http://www.yxit.net/css/jquery.spinner.css" type="text/css"/>
    <script th:src="@{/js/jquery-ui.min.js}" src="js/jquery-ui.min.js"
            tppabs="http://www.yxit.net/js/jquery-ui.min.js"></script>
    <script th:src="@{/js/select-widget-min.js}" src="js/select-widget-min.js"
            tppabs="http://www.yxit.net/js/select-widget-min.js"></script>
    <script type="text/javascript" th:src="@{/js/jquery.spinner.js}" src="js/jquery.spinner.js"
            tppabs="http://www.yxit.net/js/jquery.spinner.js"></script>
    <script type="text/javascript" th:src="@{/js/jquery.SuperSlide.2.1.1.js}" src="js/jquery.SuperSlide.2.1.1.js"
            tppabs="http://www.yxit.net/js/jquery.SuperSlide.2.1.1.js"></script>
    <script>
        function whenDocumentReady() {
            priceItemClickRegister();
            initCollection();
            getDescription(".description");
        };
        $(function () {
            $(".slideTxtBox2 .hd li").eq(2).click(function () {
                var num = $(".r span").html();
                if (num >= 1) {
                    var posi = (num - 1) * 144 + 28 + "px";
                    var time = num * 1000;
                    $(".r span").animate({left: posi}, time);
                } else {
                    var posi = num * 50 - 22 + "px";
                    $(".r span").animate({left: posi}, 800);
                }
            })
        })
    </script>
</head>

<body>
<link rel="stylesheet" href="css/style1.css" tppabs="http://www.yxit.net/css/style1.css"/>
<script type="text/javascript" th:src="@{/js/js/jquery.qqFace.js}" src="js/js/jquery.qqFace.js"
        tppabs="http://www.yxit.net/js/js/jquery.qqFace.js"></script>
<script type="text/javascript" th:src="@{/js/scrollbar/jquery.slimscroll.js}" src="js/scrollbar/jquery.slimscroll.js"
        tppabs="http://www.yxit.net/js/scrollbar/jquery.slimscroll.js"></script>
<!-- 头部 -->
<div id="header">
    <div class="top">
        <div class="left">
            <a href="/login.jsp.htm" tppabs="http://www.yxit.net/login.jsp">[[${session.USER.empName}]]</a>
            <a th:onclick="'qian('+${session.USER.id}+')'" href="javascript:void(0)">每日签到</a>
        </div>

        <div class="right">
            <a href="/study/index">首页</a>
            <a th:href="@{/study-employee/study_person(id=${session.USER.id})}">个人信息</a>
             <a th:href="@{/sel(id=${session.USER.id})}">我的收藏夹</a>
        </div>
    </div>
</div>
<link href="css/prettify.css" tppabs="http://www.yxit.net/css/prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" th:src="@{/js/scrollbar/prettify.js}" src="js/scrollbar/prettify.js"
        tppabs="http://www.yxit.net/js/scrollbar/prettify.js"></script>
<script type="text/javascript" th:src="@{/js/scrollbar/jquery.slimscroll.js}" src="js/scrollbar/jquery.slimscroll.js"
        tppabs="http://www.yxit.net/js/scrollbar/jquery.slimscroll.js"></script>
<script type="text/javascript" th:src="@{/js/appraisePage.js}" src="js/appraisePage.js"
        tppabs="http://www.yxit.net/js/appraisePage.js"></script>
<script type="text/javascript" th:src="@{/js/navigation.js}" src="js/navigation.js"
        tppabs="http://www.yxit.net/js/navigation.js"></script>
<div id="index_top">

    <!-- 导航-->
    <div id="nav">
        <ul class="menu">
            <li><a href="/study/index">首页</a></li>
            <li><a href="../video.htm" tppabs="http://www.yxit.net/video.htm">视频</a></li>
            <li><a href="../identify.htm" tppabs="http://www.yxit.net/identify.htm">考试</a></li>
        </ul>
    </div>
    <!--/导航-->
</div>
<!-- 首页头部结束 -->

<!-- 商品信息 -->
<div id="info">
    <div style="width:430px;float:left;">
        <ul class="info_main2">
            <li th:each="stu :${studyCourse}" class="img" style="width:351px; height:351px;">
                <img th:src="${stu.getPicPath()}" height="350" width="350"/>
                <div class="collect cd-popup-trigger5">
                    <a href="javascript:;" th:onclick="'shou('+${session.USER.id}+','+${studyCourse.id}+')'">
                        <span style="font-size: 20px;color: #0ba29a">加入收藏</span>
                    </a>
                </div>
            </li>
            <script type="text/javascript">
                $('.spinnerExample').spinner({});
            </script>
        </ul>
    </div>
    <div id="details">
        <li th:each="stu :${studyCourse}" style="width: 400px;font-size: 18px">
            <p>
            <h1>课程名称:[[${stu.getCourseName()}]]</h1></p>
            <p><h4>简介：[[${stu.getAbout()}]]</h4></p>
            <p><h4>所属类型：[[${stu.studyCourseType.courseTypeName}]]</h4></p>
            <p><h4>所属部门：[[${stu.studyDepartment.depName}]]</h4></p>
        </li>
    </div>
</div>
<div style="clear:both;" >
    <span style="font-size:30px; color: white;"><h5 style="background-color: #0ba29a;padding: 12px;">视频列表:</h5></span>
    <ul class="videolist">
        <li style="float: left;margin: 10px;border-style:solid;border-width:2px;border-color: #9d9d9d;" th:each="vl :${videoList}"  >
            <a th:href="@{/study-video/get/}+${vl.id}"><img th:src="${vl.getVideopicPath()}" height="220" width="219"/></a>
            <p><h3>视频名称：[[${vl.getVideoName()}]]</h3></p>
        </li>
    </ul>
</div>
<input type="hidden" id="rightMenuGoodsId" value="19"/>
<div class="mui-mbar-tabs">
    <div class="quick_link_mian">
        <div class="quick_links_panel">
            <div id="quick_links" class="quick_links">
                <li>
                    <a href="#" class="my_qlinks"><i class="setting"></i></a>
                    <div class="ibar_login_box status_login">
                        <div class="login_btnbox">
                            <a href="../login.jsp.htm" tppabs="http://www.yxit.net/login.jsp" class="login_order">登
                                录</a>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="javascript:void(0)" class="mpbtn_wdsc"><i class="wdsc"></i></a>
                    <div class="mp_tooltip mp_tooltip1">我的收藏夹<i class="icon_arrow_right_black"></i></div>
                </li>

            </div>
            <div class="quick_toggle">

                <li>
                    <a href="#none"><i class="mpbtn_qrcode"></i></a>
                </li>
                <li><a href="#top" class="return_top"><i class="top"></i></a></li>
            </div>
        </div>
        <div id="quick_links_pop" class="quick_links_pop hide"></div>
    </div>
</div>
<div style="display:none;">
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1257031534'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1257031534' type='text/javascript'%3E%3C/script%3E"));
    </script>
</div>
<div class="footer">
    <div class="footer-main">
        <div class="footer-link">
            <h4>交流合作</h4>
            <ul>
                <li><a href="../common/help/aboutUs.html" tppabs="http://www.yxit.net/common/help/aboutUs.html">关于我们</a>
                </li>
                <li><a href="../common/help/contactUs.html"
                       tppabs="http://www.yxit.net/common/help/contactUs.html">联系我们</a></li>
                <li><a href="../common/help/advService.html" tppabs="http://www.yxit.net/common/help/advService.html">广告合作
                </li>
                <li><a href="../common/help/disclaimer.html" tppabs="http://www.yxit.net/common/help/disclaimer.html">免责申明</a>
                </li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>帮助中心</h4>
            <ul>
                <li><a href="../wd.htm" tppabs="http://www.yxit.net/wd.htm">技术问答</a></li>
                <li><a href="../common/help/afterSale.html"
                       tppabs="http://www.yxit.net/common/help/afterSale.html">售后帮助</a></li>
                <li><a href="../common/help/refundRule.html" tppabs="http://www.yxit.net/common/help/refundRule.html">退款帮助</a>
                </li>
                <li><a href="../sitemap.html" tppabs="http://www.yxit.net/sitemap.html">网站地图</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是学员</h4>
            <ul>
                <li><a href="../common/help/buyGoods.html"
                       tppabs="http://www.yxit.net/common/help/buyGoods.html">如何学习</a></li>
                <li><a href="../study.htm" tppabs="http://www.yxit.net/study.htm">抱团学习</a></li>
                <li><a href="../login.jsp.htm" tppabs="http://www.yxit.net/userCenter/purchasedGoodsList.html">我的课程</a>
                </li>
                <li><a href="../question/myQuestion.html" tppabs="http://www.yxit.net/question/myQuestion.html">我的问答</a>
                </li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是讲师</h4>
            <ul>
                <li><a href="../common/help/teacherRegister.html"
                       tppabs="http://www.yxit.net/common/help/teacherRegister.html">讲师入驻</a></li>
                <li><a href="../common/help/issueFaceCourse.html"
                       tppabs="http://www.yxit.net/common/help/issueFaceCourse.html">发布课程</a></li>
                <!--<li><a href="/question/myQuestion.html">如何开课</a></li>-->
                <li><a href="../common/help/studyhelp.html"
                       tppabs="http://www.yxit.net/common/help/studyhelp.html">寻找学员</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是企业</h4>
            <ul>
                <li><a href="../common/help/aboutSchool.html" tppabs="http://www.yxit.net/common/help/aboutSchool.html">关于入驻</a>
                </li>
                <li><a href="../common/help/toBeSchool.html" tppabs="http://www.yxit.net/common/help/toBeSchool.html">学校入驻</a>
                </li>
                <li><a href="../common/help/schooldeco.html" tppabs="http://www.yxit.net/common/help/schooldeco.html">学校装修</a>
                </li>
                <li><a href="../common/help/marketcenter.html"
                       tppabs="http://www.yxit.net/common/help/marketcenter.html">营销中心</a></li>
            </ul>
        </div>
    </div>
    <p class="footer-record">Copyright ©2015-2020 博睿（广州）科技有限公司 地址： <a>广州市天河区科韵路棠安路188号</a> 邮编：<a>510000</a> 网站备案号： <a
            href="javascript:if(confirm('http://beian.miit.gov.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://beian.miit.gov.cn/'"
            tppabs="http://beian.miit.gov.cn/" target="_blank">粤ICP备17128079号-2</a></p>
    <style>
        .footer {
            width: 100%;
            background: #2e2e2e;
            padding-bottom: 20px;
            overflow: auto;
        }

        .footer-main {
            width: 1140px;
            margin: 0 auto;
            margin-top: 20px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            padding: 30px 30px 0;
            text-align: center;
            overflow: auto;
        }

        .footer-main .footer-link {
            width: 140px;
            line-height: 35px;
            float: left;
            margin-bottom: 20px;
        }

        .footer-main .footer-link h4 {
            font-size: 16px;
            color: #fff;
        }

        .footer-main .footer-link a {
            color: #fff;
        }

        .footer-contact {
            width: 400px;
            float: right;
        }

        .footer-contact-num {
            width: 370px;
            height: 40px;
            border: 1px solid #edd70d;
            padding: 10px;
            text-align: left;
        }

        .footer-contact-num label {
            float: left;
            width: 40px;
            height: 40px;
        }

        .footer-contact-num p {
            float: left;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            margin: 0 10px
        }

        .contact-img {
            width: 45px;
            height: 45px;
            margin: 20px 20px 0;
        }

        #weichatDiv {
            position: absolute;
            display: none;
        }

        #weichatDiv img {
            position: absolute;
            left: 137px;
            top: -44px;
            border: 5px solid #fff;
        }

        .footer-record {
            text-align: center;
            font-size: 12px;
            color: #fff;
            margin-top: 10px;
        }

        .footer-record a {
            color: #fff;
        }
    </style>
    <script type="text/javascript">
        function whenDocumentReady3() {
            $("#weiChat-img").hover(function (event) {
                $("#weichatDiv").fadeIn(300);
            }, function (event) {
                $("#weichatDiv").fadeOut(300);
            });
        }


        function shou(empid,kid) {
            $.ajax({
                type: "get",
                url: "/study-favorite/details?studyEmpId="+empid+"&studyCourseId="+kid,
                success:
                    function (date) {
                        alert(date);
                    }
            });
        }
    </script>
</div>
</body>
</html>